/* 新闻 */
<template>
  <div class="news">
    <Layout>
      <Header>
        <index-header-v></index-header-v>
      </Header>
      <Content>
        <Row class="floor synopsis" type="flex" justify="center" style="padding:20px 0">
          <Col :lg="{span:18}">
            <Card>
              <div class="swiper-container" id="swiper-container3">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img src="../assets/images/invest/investment.png" alt srcset>
                  </div>
                  <div class="swiper-slide">
                    <img src="../assets/images/invest/investment.png" alt srcset>
                  </div>
                  <div class="swiper-slide">
                    <img src="../assets/images/invest/investment.png" alt srcset>
                  </div>
                </div>
                <div class="swiper-button-prev"></div>
                <!--左箭头-->
                <div class="swiper-button-next"></div>
                <!--右箭头-->
              </div>
            </Card>
          </Col>
        </Row>
      </Content>
      <Footer>
        <index-footer-v></index-footer-v>
      </Footer>
    </Layout>
  </div>
</template>

<script>
import IndexHeaderV from "../components/IndexHeader";
import IndexFooterV from "../components/IndexFooter";
import velocity from "../assets/js/velocity";
import Swiper from "../assets/js/swiper.min";
export default {
  components: {
    IndexHeaderV,
    IndexFooterV
  },
  mounted() {
    var mySwiper3 = new Swiper('#swiper-container3', {
      loop: true,
      effect: 'coverflow',
      slidesPerView: 3,
      centeredSlides: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    })
  },
}
</script>

<style lang="less">
@import "../assets/css/layout.less";
.news {
  .floorWarp {
    background: #fff;
  }
}
</style>